<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Tianxiediandan.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/tianxiedingdan.css" type="text/css">
	<script src="js/jquery-1.8.3.js"></script>
    <script src="js/tianxiediandan.js"></script>
  </head>
  
  <body>
    <!--页头-->
    <div>
        <div  id="tou">
            <div id="title">
                <div id="logo"><a href="shouye.do"><img src="images/gf_03.gif" height="41" width="44"/></a></div>
                <div id="caidan">
                    在线商城&emsp;&emsp;坚果Pro2&emsp;&emsp;坚果Pro&emsp;&emsp;Smartisan OS&emsp;&emsp;欢喜云&emsp;&emsp;应用下载&emsp;&emsp;官方论坛&emsp;&emsp;
                    <div id="tu"><a href="denglupanduan.do"><img src="images/qbsp_06.gif" height="20" width="20"/></a>&emsp;&emsp;<a href="gouwucheche.do"><img
                            src="images/qbsp_08.gif" height="20" width="25"/></a></div>
                    <div class="yuan">0</div>
                </div>
            </div>
        </div>
        <div id="cai">
            首页&emsp;&emsp;手机&emsp;&emsp;“足迹系列”手感膜&emsp;&emsp;“足迹系列”保护套&emsp;&emsp;官方配件&emsp;&emsp;空气净化类&emsp;&emsp;周边产品&emsp;&emsp;第三方配件&emsp;&emsp;全部商品&emsp;&emsp;服务
        </div>
    </div>
<!--主体-->
        <div class="div_1">
          <div class="div_2">&nbsp;&nbsp;收货信息</div>
            <div class="div_4">
                <ul>
                	
                
                	<c:forEach items="${list1 }" var="list1">
	                	<c:choose>
	                		<c:when test="${list1.moren==2 }">
	                			<li>
	                			<div class="div_xing">
	                				<input type="hidden" value="${list1.id }">
	                				<p>${list1.name }</p>
	                				<p>${list1.phone }</p>
	                				<p>${list1.address }</p>
	                				<p>${list1.addressxiang }</p>
	                			</div>
	                		</li>
	                		</c:when>
	                		<c:when test="${list1.moren==1 }">
		                		<li>
		                			<div class="div_xingl">
		                			<input type="hidden" value="${list1.id }">
		                				<p>${list1.name }</p>
		                				<p>${list1.phone }</p>
		                				<p>${list1.address }</p>
		                				<p>${list1.addressxiang }</p>
		                			</div>
		                		</li>
	                		</c:when>
	                	</c:choose>
                	</c:forEach>
                    <li>
                        <div id="div_5" class="div_5">
                            <img src="images/txdd_03.gif" width="35px" height="35px">
                            <br>
                            <a href="javascript:void(0)">使用新地址</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="div_1">
            <div class="div_2">&nbsp;&nbsp;发票信息</div>
            <div class="div_6">
                <ul>
                    <li class="libiao">发票类型：电子发票&nbsp;<img src="images/txddd_03.gif"></li>
                    <br>
                    <li class="libiao">发票抬头：<input type="radio" name="danxuan">个人&nbsp;<input type="radio" name="danxuan">单位</li>
                    <br>
                    <li class="libiao">发票内容：购买商品明细</li>
                    <br>
                    <br>
                    <hr>
                    <li class="libiao" style="color: #acacac">*电子发票是税务局认可的有效收付款，可作为售后服务凭据。电子发票打印后可以用于企业报销</li>
                </ul>
            </div>
        </div>
        <div class="div_1_1">
          <div class="div_2">&nbsp;&nbsp;购物清单</div>
			<table width="1220" border="0" cellspacing="0" cellpadding="0" id="biao">
				<tr class="shangpin">
                    		<td width="120" height="100">商品图片</td>
                    		<td width="300">名称</td>
                    		<td width="100">价格</td>
                    		<td width="100">数量</td>
                    		<td width="100">小计	</td>
                    </tr>
			</table>
            <div class="div_7">
                <table width="1220" border="0" cellspacing="0" cellpadding="0" id="biao">
                    <c:forEach items="${list }" var="list">
                    	<tr class="moban">
                    		<td width="120" height="100"><img src="${list.tu }" height="100" width="100"></td>
                    		<td width="300">${list.ming }</td>
                    		<td width="100">￥${list.money }</td>
                    		<td width="100">${list.sum }</td>
                    		<td width="100">￥${list.zhongjia }</td>
                    	</tr>
                    </c:forEach>
                    <tr>
                        <td height="140" colspan="5" width="100px">
                            <div class="you">
                                <p>商品总计：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="hong" id="q">￥${zhongjia }</span></p>
                                <p>运费：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+<apan class="hong">￥0.00</apan></p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <!--<div class="div_7">-->


            <!--</div>-->
           <div class="div_9">
                <div style="height: 120px; padding-left: 768px" id="qian"><p style="padding-top: 22px">应付金额：<span class="hongse">￥${zhongjia }</span></p></div>
               <div class="div_10">
                   <button type="submit" style=" background-color: #5079d9;width: 145px ;height: 60px;border-radius: 8px; color: #ffffff;font-size: 17px"><a href="ZFDD.do">提交订单</a></button>
           </div>
</div>
        </div>
        <div class="ha"></div>
        <div class="bai">
            <div class="div_one">
               <div class="divleft">管理收货地址</div>
                <img src="images/txdd999.gif">
                <div>
                    <form id="faad">
                       <div class="phone" id="xingming">
                           <input type="text" id="xm" placeholder="收货人姓名">
                       </div>
                        <div class="phone">
                            <input type="text" id="sjh" placeholder="手机号">
                        </div>
                        <div class="shengfeng">
                            <select name="" id="province">
                                <option value="-1">请选择省份</option>
                                <option value="0">河北省</option>
                                <option value="1">河南省</option>
                                <option value="2">山东省</option>
                                <option value="3">山西省</option>
                            </select>
                        </div>
                        <div class="city">
                            <select name="" id="city" >
                                <option value="-1">请选择城市</option>
                            </select>

                            <select name="" id="xian">
                            <option value="-1">请选择县</option>
                                <option value="0">邯郸县</option>
                                <option value="1">临漳县</option>
                                <option value="2">肥乡县</option>
                                <option value="3">大名县</option>
                            </select>
                        </div>
                        <div class="phone" id="jiedao">
                            <input type="text" placeholder="详细地址，如街道，楼层，门牌号等">
                            <div class="tu">
                                <img src="images/dui.png" height="10" width="1"/>
                            </div>
                        </div>
                        <div class="div_dalefe">
                            <input type="radio" value="1" id="mo">设为默认
                        </div>
                        <div class="div_20">
                            <button type="button"style=" background-color: #5079d9;width: 270px ;height: 40px;border-radius: 8px; color: #ffffff;font-size: 17px">保存</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
<!--页脚-->
<div class="juzhong">
    <div id="yejiao">
        <div class="kuan">
            <div class="zuo">
                <ul id="hhhh">
                    <li >
                        <p>订单服务</p>
                        <p>购买指南<br>支付方式<br>送货政策</p>
                    </li>
                    <li>
                        <p>服务支持</p>
                        <p>售后服务<br>维修门店<br>零售门店</p>
                    </li>
                    <li>
                        <p>自助服务</p>
                        <p>热点资讯<br>预约购买<br>订单物流</p>
                    </li>
                    <li>
                        <p>媒体中心</p>
                        <p>新闻动态<br>官方视频<br>图片资源</p>
                    </li>
                    <li>
                        <p>关于公司</p>
                        <p>公司简介<br>加入我们<br>联系我们</p>
                    </li>
                    <li>
                        <p>关注我们</p>
                        <p>新浪微博<br>官方微信<br>官方贴吧</p>
                    </li>
                </ul>
            </div>
            <div class="you">
                <h3>400-626-5666</h3>
                <p class="p">周一至周六9：00-1800(仅收市话费)</p>
                <div id="xiao"><img src="images/gfzx_156.gif" height="14" width="15"/> 在线帮助</div>
            </div>
        </div>
        <hr>
        <div class="z">
            <p>Copyright © , Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司 &emsp;|<span>法律声明</span> &emsp;|<span>隐私条款</span> &emsp;|<span>开发者中心</span><br>
                <span style="color: #5c5251">京ICP备14041720号-1京ICP证140622号京公网安备11010502025474</span>
            </p>
        </div>
        <div class="you2">
            <img src="images/gfzx_160.gif" height="15" width="23"/>&emsp;中文
        </div>
    </div>
</div>
  </body>
</html>
